<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>京东首页轮播</title>
	</head>
	<style>
		#main{
			border: 1px solid white;
			width: 750px;
			height: 500px;
			margin: 0px auto;
			background-image: url(../img/focus.jpg);
			background-repeat: no-repeat;
			background-position-x: 10px;
			background-position-y: 10px;
		}
		ul li{
			border: 1px solid black;
			width: 20px;
			height: 20;
			border-radius: 50%;
			text-align: center;
			background-color: black;
			color: white;
			list-style: none;
			display: inline;
		}
		ul li:hover{
			background-color: orange;
		}
		#body{
			
			margin-top: 420px;
			margin-left: 301px;
		}
	</style>
	<body>
		<div id="main">
			<div id="body">
				<ul>
					<li>1</li>
					<li>2</li>
					<li>3</li>
					<li>4</li>
					<li>5</li>
				</ul>
			</div>
		</div>
	</body>
</html>
